<template>
  <div class="content_title">
    <div class="title_text">
      <img src="../../assets/img/public/标题icon.png">
      <div>{{ props.title }}</div>
    </div>
  </div>
</template>
<script setup>
import {ref, watch} from "vue";

const tag = ref(0)
const props = defineProps({
  title: String
})
</script>
<style scoped>
.title_text {
  display: flex;
  line-height: 3vh;
  color: white;
  font-size: 1.7vh;
  font-style: italic;

  img {
    margin-top: 0.8vh;
    margin-right: 0.8vh;
    width: 2.4vh;
    height: 2vh;
  }
}
.content_title {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 3vh;
}
:deep(.el-date-editor .el-range-input) {
  font-size: 1.2vh;
  color: white;
}
:deep(.el-date-editor.el-input__wrapper) {
  box-shadow: 0 0 0 1px rgb(23, 64, 106) inset;
}
</style>